<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<base href=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎使用网上图书馆系统</title>
<link href="resources/css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="templatemo_container">
		<div id="templatemo_banner"></div>
		<!-- end of banner -->

		<div id="templatemo_menu">
			<ul>
				<li><a href="#" class="current">主页</a></li>
				<li><a href="book">图书信息查询</a></li>
				<li><a href="user">用户信息查询</a></li>
				<li><a href="signUp">用户注册</a></li>
			</ul>
		</div>
		<!-- end of menu -->

		<div id="templatemo_content_top">

			<div class="section_w335 fl margin_right_40">

				<div class="header_01">关于我们</div>
				<div class="image_wrapper">
					<img src="resources/images/templatemo_image_01.jpg" alt="image" />
				</div>

				<p>我们是....</p>
				<p>blabla....</p>
			</div>

			<div class="section_w335 fl">

				<div class="header_01">历史书籍</div>
				<div class="image_wrapper">
					<img src="resources/images/templatemo_image_02.jpg" alt="image" />
				</div>

				<p>blabla....</p>
				<p>blabla....</p>
			</div>

			<div class="margin_bottom_40"></div>

			<div class="section_w335 fl margin_right_40">

				<div class="header_01">古代艺术</div>
				<div class="image_wrapper">
					<img src="resources/images/templatemo_image_03.jpg" alt="image" />
				</div>

				<p>blabla....</p>
				<p>
					blabla....</a>
				</p>

			</div>

			<div class="section_w335 fl">

				<div class="header_01">新闻</div>
				<div class="image_wrapper">
					<img src="resources/images/templatemo_image_04.jpg" alt="image" />
				</div>

				<p>blabla....</p>
				<p>blabla....</p>
			</div>

			<div class="margin_bottom_20 b_bottom"></div>

			<div class="cleaner"></div>
		</div>
		<!-- end of content top -->

		<div id="templatmeo_content_bottom">

			<div class="section_w210 fl margin_right_40">
				<div class="header_02">Fusce vel magna elit</div>
				<p>blabla....</p>
				<p>blabla....</p>
			</div>

			<div class="section_w210 fl margin_right_40">
				<div class="header_02">Aliquam dictum eleifend</div>
				<p>blabla....</p>
				<p>
					blabla....
				</p>
			</div>

			<div class="section_w210 fl">
				<div class="header_02">Pellentesque vel lacus</div>
				<p>blabla....</p>
				<p>
					blabla.....</a>
				</p>
			</div>

			<div class="margin_bottom_40 b_bottom"></div>
			<div class="margin_bottom_30"></div>

			<div id="templatemo_footer">

				<ul class="footer_list">
				<li><a href="#" class="current">主页</a></li>
				<li><a href="book">图书信息查询</a></li>
				<li><a href="user">用户信息查询</a></li>
				<li><a href="signUp">用户注册</a></li>
				</ul>

				<div class="margin_bottom_10"></div>

				Copyright © 2024 <a href="http://www.zjut.edu.cn/">浙江工业大学</a> |
				Designed by 李德建

				<div class="margin_bottom_20"></div>
			</div>

			<div class="cleaner"></div>
		</div>
		<!-- end of content bottom -->
	</div>
	<!-- end of container -->
	<!--  Free Website Templates @ TemplateMo.com  -->
</body>
</html>